<template>
	<view class="main-content-area">
		<u-navbar :titleSize="34" title="报告详情" back-icon-color="#171716" :border-bottom="false" :background="{
			background:'url(https://resource.lanbaozixun.com/uploads/images/2025091616380926f5b2742.png) no-repeat',
			backgroundSize:'100%'
			}" title-color="#171716">
		</u-navbar>
		<view v-if="isShow && !loadingShowStatus">
			<view class="u-p-t-30">
				<view class="u-p-l-20 hint deyihei-font">
					风险检测数据
				</view>
				<view class="u-m-t-30 u-m-l-15 u-m-r-15 bg-white u-border-radius-10 u-p-15 report-area">
					<view class="report-item" :class="{'style-one': reportDatas.creditStatus == 2,'style-tow': reportDatas.creditStatus == 1,'style-three': reportDatas.creditStatus == 0}">
						<view class="u-flex u-row-between">
							<view class="nr bold">信用评分</view>
							<view class="bold score">{{reportDatas.creditScore || 0}}分</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							评分不足640以下,评分良好641-720,评分优秀720以上
						</view>
					</view>
					<view class="report-item" :class="{'style-one': reportDatas.creditStatus == 2,'style-tow': reportDatas.creditStatus == 1,'style-three': reportDatas.creditStatus == 0}">
						<view class="u-flex u-row-between">
							<view class="nr bold">规则验证</view>
							<view class="bold score">{{reportDatas.creditText || '-'}}</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							CLT000036/全量产品
						</view>
					</view>
					<view class="report-item" :class="{'style-one': reportDatas.fraudulentStatus == 0,'style-tow': reportDatas.fraudulentStatus == 1,'style-three': reportDatas.fraudulentStatus == 2}">
						<view class="u-flex u-row-between">
							<view class="nr bold">反欺诈评分</view>
							<view class="bold score">{{reportDatas.fraudulentScore || 0}}分</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							低分险0-60,中风险66-79,高风险80以上
						</view>
					</view>
					<view class="report-item" :class="{'style-one': reportDatas.fraudulentStatus == 0,'style-tow': reportDatas.fraudulentStatus == 1,'style-three': reportDatas.fraudulentStatus == 2}">
						<view class="u-flex u-row-between">
							<view class="nr bold">反欺诈规则</view>
							<view class="bold score">{{reportDatas.fraudulentText || '-'}}</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							CLT000066/全量产品
						</view>
					</view>
					<view class="report-item" :class="{'style-four':!reportDatas.court || !reportDatas.court.breakPromise || reportDatas.court.breakPromise.length <= 0,'style-three':reportDatas.court && reportDatas.court.breakPromise && reportDatas.court.breakPromise.length > 0}">
						<view class="u-flex u-row-between">
							<view class="nr bold">借贷纠纷</view>
							<view class="bold score">{{reportDatas.court && reportDatas.court.breakPromise && reportDatas.court.breakPromise.length > 0?'有':'无'}}</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							包含历史借贷纠纷
						</view>
					</view>
					<view class="report-item" :class="{'style-four':!reportDatas.court || !reportDatas.court.executor || reportDatas.court.executor.length <= 0,'style-three':reportDatas.court && reportDatas.court.executor && reportDatas.court.executor.length > 0}">
						<view class="u-flex u-row-between">
							<view class="nr bold">司法案件</view>
							<view class="bold score">{{reportDatas.court && reportDatas.court.executor && reportDatas.court.executor.length > 0?'有':'无'}}</view>
						</view>
						<view class="u-m-t-15 xs u-color-666666 u-line-2 hint-text">
							包含历史司法案件
						</view>
					</view>
				</view>
			</view>
			
			<u-tabs class="u-m-t-20 u-m-b-20" :list="tabsDatas" :is-scroll="true" :active-item-style="{color:'#000000'}" :bar-style="{backgroundColor:'#2DAAFF'}" :current="current" @change="(e)=>{current = e}"></u-tabs>
			
			<view v-if="current == 0" class="u-p-b-20 u-p-l-20 u-p-r-20">
				<view class="u-m-b-20 bg-white u-border-radius-10 plate-area sm">
					<view class="u-flex u-m-b-30">
						<view class="u-color-666666">
							客户姓名
						</view>
						<view class="u-color-1d2129 u-m-l-35" v-html="(reportDatas.basic && reportDatas.basic.compellation) || '-'"></view>
					</view>
					<view class="u-flex u-m-b-30">
						<view class="u-color-666666">
							报告编号
						</view>
						<view class="u-color-1d2129 u-m-l-35" v-html="(reportDatas.basic && reportDatas.basic.riskOrderId) || '-'"></view>
					</view>
					<view class="u-flex u-m-b-30">
						<view class="u-color-666666">
							手机号码
						</view>
						<view class="u-color-1d2129 u-m-l-35" v-html="(reportDatas.basic && reportDatas.basic.phone) || '-'"></view>
					</view>
					<view class="u-flex u-m-b-30">
						<view class="u-color-666666">
							身份证号
						</view>
						<view class="u-color-1d2129 u-m-l-35" v-html="(reportDatas.basic && reportDatas.basic.idCode) || '-'"></view>
					</view>
					<view class="u-flex">
						<view class="u-color-666666">
							生成时间
						</view>
						<view class="u-color-1d2129 u-m-l-35" v-html="(reportDatas.basic && reportDatas.basic.time) || '-'"></view>
					</view>
				</view>
				<view class="bg-white u-border-radius-10 plate-area">
					<view class="plate-area-title u-color-1d2129 bold">
						阅读须知
					</view>
					<view class="u-color-666666 nr u-m-t-25">
						<view class="u-m-b-30">1.客戶使用本报告，需经过被查询人授权，客户承担因授权不充分引起的任何法律责任。</view>
						<view class="u-m-b-30">2.本报告仅限客戶内部使用，请妥善保管本报告，不得向任何第三方泄露或允许任何第三方使用本报告。</view>
						<view class="u-m-b-30">3.本报告仅供客戶参考，不作为客戶决策的依据。</view>
						<view class="u-m-b-30">4.未经我司书面许可，任何人不得擅自复制、摘录、编辑、转载、披露和发表。</view>
						<view>5.请确保在安全的物理及网络环境操作并确保导出内容的保密、安全以及合规应用。</view>
					</view>
				</view>
			</view>
			<view v-else-if="current == 1">
				<view class="strategy-info-area bg-white u-border-radius-10 u-m-l-15 u-m-r-15">
					<view class="u-flex strategy-title">
						<u-icon :size="40" name="https://resource.lanbaozixun.com/uploads/images/2025091620480141dbf4565.png"></u-icon>
						<view class="xs u-m-l-5 u-color-2daaff">策略描述</view>
					</view>
					<view class="u-color-666666 u-m-l-35 u-m-r-35 u-m-t-15 u-p-b-15 sm">
						检测被查询人的借贷风险情况，以及在司法体系中是否存在失信行为等风险
					</view>
				</view>
				<view v-if="reportDatas.court && reportDatas.court.breakPromise && reportDatas.court.breakPromise.length > 0" class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						法院被执行人-个人版:命中失信被执行人
					</view>
					<view v-for="(index, item) in reportDatas.court.breakPromise" class="table-style u-m-t-30 xs">
						<view class="table-body">
							<view class="u-flex style-tow body-item">
								<view class="w-60">序号</view>
								<view class="w-40">{{ index + 1}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">姓名</view>
								<view class="w-40">{{ item.name || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">身份证号/<br>组织结构代码</view>
								<view class="w-40">{{ item.code || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">证件类型</view>
								<view class="w-40">{{ item.typeText || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">执行类型编码</view>
								<view class="w-40">{{ item.datatypeid || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">执行类型</view>
								<view class="w-40">{{ item.datatype || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">执行法院</view>
								<view class="w-40">{{ item.court || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">执行案号</view>
								<view class="w-40">{{ item.casenum || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">做出执行依据单位</view>
								<view class="w-40">{{ item.code || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">依据文号</view>
								<view class="w-40">{{ item.basecompany || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">立案时间</view>
								<view class="w-40">{{ item.time || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">五级分类</view>
								<view class="w-40">{{ item.signalRating || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">信号描述</view>
								<view class="w-40">{{ item.signalDesc || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">案件生效法律文书确定的义务</view>
								<view class="w-40">{{ item.obligation || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">履行情况</view>
								<view class="w-40">{{ item.performance || '-'}}</view>
							</view>
						</view>
					</view>
				</view>
				<view v-if="reportDatas.court && reportDatas.court.executor && reportDatas.court.executor.length > 0" class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						法院被执行人-个人版:命中法院被执行人
					</view>
					
					<view v-for="(index, item) in reportDatas.court.executor" class="table-style u-m-t-30 xs">
						<view class="table-body">
							<view class="u-flex style-tow body-item">
								<view class="w-60">序号</view>
								<view class="w-40">{{ index + 1}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">姓名</view>
								<view class="w-40">{{ item.name || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">身份证号/<br>组织结构代码</view>
								<view class="w-40">{{ item.code || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">证件类型</view>
								<view class="w-40">{{ item.typeText || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">执行类型编码</view>
								<view class="w-40">{{ item.datatypeid || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">执行类型</view>
								<view class="w-40">{{ item.datatype || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">执行法院</view>
								<view class="w-40">{{ item.court || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">执行案号</view>
								<view class="w-40">{{ item.casenum || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">立案时间</view>
								<view class="w-40">{{ item.time || '-'}}</view>
							</view>
							<view class="u-flex style-one body-item">
								<view class="w-60">五级分类</view>
								<view class="w-40">{{ item.signalRating || '-'}}</view>
							</view>
							<view class="u-flex style-tow body-item">
								<view class="w-60">信号描述</view>
								<view class="w-40">{{ item.signalDesc || '-'}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else-if="current == 2">
				<view class="strategy-info-area bg-white u-border-radius-10 u-m-l-15 u-m-r-15">
					<view class="u-flex strategy-title">
						<u-icon :size="40" name="https://resource.lanbaozixun.com/uploads/images/2025091620480141dbf4565.png"></u-icon>
						<view class="xs u-m-l-5 u-color-2daaff">策略描述</view>
					</view>
					<view class="u-color-666666 u-m-l-35 u-m-r-35 u-m-t-15 u-p-b-15 sm">
						根据被查询人的借贷信息预测被查询人的风险情况
					</view>
				</view>
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="u-flex u-row-between">
						<view>
							<view class="u-color-1d2129 bold">
								偿债压力指数
							</view>
						<view class="u-m-t-10 xxs">
							{{ (reportDatas.loanstr && reportDatas.loanstr.loanstrPressureScoreText) || '-'}}
						</view>
					</view>
					<view class="text-30 bold u-m-t-30">
						{{ (reportDatas.loanstr && reportDatas.loanstr.loanstrPressureScore) || '-'}}
					</view>
				</view>
				<view class="u-margin-top-10 risk-area">
					<u-icon class="icon" :style="{'left': ((reportDatas.loanstr && reportDatas.loanstr.loanstrPressureScore) || 0) + '%'}" :size="14" name="https://resource.lanbaozixun.com/uploads/images/20250916214421adbcf6529.png"></u-icon>
				</view>
					<image class="w--100 u-margin-top-5" src="https://resource.lanbaozixun.com/uploads/images/20250916214310685314384.png" mode="widthFix"></image>
					
					<view class="u-color-666666 u-m-t-15 xxs">
						注：用户本人当前偿债压力指数的情况，取值为 0-100 ，数值越大，压力越大。
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						本人在各机构申请的次数
					</view>
					<view class="u-flex u-p-t-20 time-area">
						<u-tag text="近 7 天" class="time-lable" :class="{'select':organizationTime == 'd7'}" @click="organizationTime = 'd7'" />
						<u-tag text="近 15 天" class="time-lable" :class="{'select':organizationTime == 'd15'}" @click="organizationTime = 'd15'"  />
						<u-tag text="近一个月" class="time-lable" :class="{'select':organizationTime == 'm1'}" @click="organizationTime = 'm1'"  />
						<u-tag text="近三个月" class="time-lable" :class="{'select':organizationTime == 'm3'}" @click="organizationTime = 'm3'"  />
						<u-tag text="近半年" class="time-lable" :class="{'select':organizationTime == 'm6'}" @click="organizationTime = 'm6'"  />
						<u-tag text="近一年" class="time-lable" :class="{'select':organizationTime == 'm12'}" @click="organizationTime = 'm12'"  />
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="header-item w-60">机构类型</view>
							<view class="header-item w-20">机构数</view>
							<view class="header-item w-20">次数</view>
						</view>
						<view class="table-body">
							<view v-for="(item, index) in (reportDatas.loanstr && reportDatas.loanstr.organization && reportDatas.loanstr.organization[organizationTime] ? reportDatas.loanstr.organization[organizationTime] : [])" :key="index" class="u-flex body-item" :class="{'style-one':index%2 == 0,'style-tow':index%2 == 1}">
								<view class="w-60">{{item.title || '-'}}</view>
								<view class="w-20">{{(item.institutionsCount && item.institutionsCount.id) || 0}}/{{(item.institutionsCount && item.institutionsCount.id) || 0}}</view>
								<view class="w-20">{{(item.applyCount && item.applyCount.id) || 0}}/{{(item.applyCount && item.applyCount.cell) || 0}}</view>
							</view>
						</view>
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						本人在各业务类型申请的机构、次数
					</view>
					<view class="u-flex u-p-t-20 time-area">
						<u-tag text="近 7 天" class="time-lable" :class="{'select':businessTime == 'd7'}" @click="businessTime = 'd7'" />
						<u-tag text="近 15 天" class="time-lable" :class="{'select':businessTime == 'd15'}" @click="businessTime = 'd15'"  />
						<u-tag text="近一个月" class="time-lable" :class="{'select':businessTime == 'm1'}" @click="businessTime = 'm1'"  />
						<u-tag text="近三个月" class="time-lable" :class="{'select':businessTime == 'm3'}" @click="businessTime = 'm3'"  />
						<u-tag text="近半年" class="time-lable" :class="{'select':businessTime == 'm6'}" @click="businessTime = 'm6'"  />
						<u-tag text="近一年" class="time-lable" :class="{'select':businessTime == 'm12'}" @click="businessTime = 'm12'"  />
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="header-item w-60">机构类型</view>
							<view class="header-item w-20">机构数</view>
							<view class="header-item w-20">次数</view>
						</view>
						<view class="table-body">
							<view v-for="(item, index) in (reportDatas.loanstr && reportDatas.loanstr.business && reportDatas.loanstr.business[businessTime] ? reportDatas.loanstr.business[businessTime] : [])" :key="index" class="u-flex body-item" :class="{'style-one':index%2 == 0,'style-tow':index%2 == 1}">
								<view class="w-60">{{item.title || '-'}}</view>
								<view class="w-20">{{(item.institutionsCount && item.institutionsCount.id) || 0}}/{{(item.institutionsCount && item.institutionsCount.id) || 0}}</view>
								<view class="w-20">{{(item.applyCount && item.applyCount.id) || 0}}/{{(item.applyCount && item.applyCount.cell) || 0}}</view>
							</view>
						</view>
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						本人在特殊时间段申请的机构、次数
					</view>
					<view class="u-flex u-p-t-20 time-area">
						<u-tag text="近 7 天" class="time-lable" :class="{'select':specialTimeTime == 'd7'}" @click="specialTimeTime = 'd7'" />
						<u-tag text="近 15 天" class="time-lable" :class="{'select':specialTimeTime == 'd15'}" @click="specialTimeTime = 'd15'"  />
						<u-tag text="近一个月" class="time-lable" :class="{'select':specialTimeTime == 'm1'}" @click="specialTimeTime = 'm1'"  />
						<u-tag text="近三个月" class="time-lable" :class="{'select':specialTimeTime == 'm3'}" @click="specialTimeTime = 'm3'"  />
						<u-tag text="近半年" class="time-lable" :class="{'select':specialTimeTime == 'm6'}" @click="specialTimeTime = 'm6'"  />
						<u-tag text="近一年" class="time-lable" :class="{'select':specialTimeTime == 'm12'}" @click="specialTimeTime = 'm12'"  />
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="header-item w-60">特殊时间段</view>
							<view class="header-item w-20">机构数</view>
							<view class="header-item w-20">次数</view>
						</view>
						<view class="table-body">
							<view v-for="(item, index) in (reportDatas.loanstr && reportDatas.loanstr.specialTime && reportDatas.loanstr.specialTime[specialTimeTime] ? reportDatas.loanstr.specialTime[specialTimeTime] : [])" :key="index" class="u-flex body-item" :class="{'style-one':index%2 == 0,'style-tow':index%2 == 1}">
								<view class="w-60">{{item.title || '-'}}</view>
								<view class="w-20">{{(item.institutionsCount && item.institutionsCount.id) || 0}}/{{(item.institutionsCount && item.institutionsCount.id) || 0}}</view>
								<view class="w-20">{{(item.applyCount && item.applyCount.id) || 0}}/{{(item.applyCount && item.applyCount.cell) || 0}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view v-else-if="current == 3">
				<view class="strategy-info-area bg-white u-border-radius-10 u-m-l-15 u-m-r-15">
					<view class="u-flex strategy-title">
						<u-icon :size="40" name="https://resource.lanbaozixun.com/uploads/images/2025091620480141dbf4565.png"></u-icon>
						<view class="xs u-m-l-5 u-color-2daaff">策略描述</view>
					</view>
					<view class="u-color-666666 u-m-l-35 u-m-r-35 u-m-t-15 u-p-b-15 sm">
						使用姓名、手机号、身份证号、银行卡等信息对被查询人进行信息核对
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						身份证二要素验证
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="u-flex-1 header-item">校验项</view>
							<view class="u-flex-1 header-item">身份证号、姓名</view>
						</view>
						<view class="table-body">
							<view class="u-flex style-tow body-item">
								<view class="u-flex-1">校验结果</view>
								<view class="u-flex-1">{{ (reportDatas.identity && reportDatas.identity.idTwoFactorVerificationText) || '-'}}</view>
							</view>
						</view>
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						手机三要素简版-移动联通电信
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="u-flex-1 header-item">校验项</view>
							<view class="u-flex-1 header-item">身份证号、手机号、姓名</view>
						</view>
						<view class="table-body">
							<view class="u-flex style-tow body-item">
								<view class="u-flex-1">校验结果</view>
								<view class="u-flex-1">{{ (reportDatas.identity && reportDatas.identity.phoneThreenFactorVerificationText) || '-'}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else-if="current == 4">
				<view class="strategy-info-area bg-white u-border-radius-10 u-m-l-15 u-m-r-15">
					<view class="u-flex strategy-title">
						<u-icon :size="40" name="https://resource.lanbaozixun.com/uploads/images/2025091620480141dbf4565.png"></u-icon>
						<view class="xs u-m-l-5 u-color-2daaff">策略描述</view>
					</view>
					<view class="u-color-666666 u-m-l-35 u-m-r-35 u-m-t-15 u-p-b-15 sm">
						查询被查人的运营商信息
					</view>
				</view>
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-b-40 u-m-t-20">
					<view v-if="reportDatas.operator && reportDatas.operator.operatorResultStatus == 1" class="u-p-30 u-border-radius-10 status-one u-m-b-20">
						<view class="hint-text bold nr">
							{{ (reportDatas.operator && reportDatas.operator.operatorResultStatusText) || '-'}}
						</view>
						<view class="u-m-t-15 u-color-666666 xs">手机在网状态</view>
					</view>
					
					<view v-if="reportDatas.operator && reportDatas.operator.operatorResultStatus != 1" class="u-p-30 u-border-radius-10 status-tow u-m-b-40">
						<view class="hint-text bold nr">
							{{ (reportDatas.operator && reportDatas.operator.operatorResultStatusText) || '-'}}
						</view>
						<view class="u-m-t-15 u-color-666666 xs">手机在网状态</view>
					</view>
					<view class="xxs u-color-666666">
						注:“手机在网状态"、“手机在网时长"数据覆盖全国范围移动、联通、电信三家运营商数据。
					</view>
				</view>
				
				<view class="bg-white u-border-radius-10 plate-area u-m-l-15 u-m-r-15 u-m-t-20">
					<view class="plate-area-title u-color-1d2129 bold">
						手机在网时长高级版
					</view>
					<view class="table-style u-m-t-30 xs">
						<view class="table-header u-flex">
							<view class="u-flex-1 header-item">运营商类型</view>
							<view class="u-flex-1 header-item">手机在网时长区间</view>
						</view>
						<view class="table-body">
							<view class="u-flex style-tow body-item">
								<view class="u-flex-1">{{ (reportDatas.operator && reportDatas.operator.operator) || '-'}}</view>
								<view class="u-flex-1">{{ (reportDatas.operator && reportDatas.operator.mobileOnlineTimeText) || '-'}}</view>
							</view>
						</view>
					</view>
					
					<view class="xxs u-color-666666 u-m-t-30">
						<view class="u-m-b-10">注:</view>
						<view class="u-m-b-10">1.验证手机的在网时长区间，按自然月统计。在网时长=销号时间开戶时间，停机计入时长。</view>
						<view class="u-m-b-10">2.数据来源于移动、联通、电信运营商，覆盖全国，按月更新数据。</view>
						<view class="u-m-b-10">3.不支持网络小号等虚拟号段。</view>
						<view class="u-m-b-10">4.支持查询号段如下:</view>
						<view class="u-m-b-10">移动:134-139,147150-152,157-159,178,182-184,187.188,198</view>
						<view class="u-m-b-10">联通:130-132,155-156,166,175,176,185,186</view>
						<view>电信:133,153,173,177180,181,189,199,191</view>
					</view>
				</view>
			</view>
		</view>
		<view class="hint-area" v-else-if="!loadingShowStatus && !isShow">
			<u-icon name="close-circle-fill" color="#2DAAFF" size="180"></u-icon>
			<view class="xl bold u-padding-top-20">
				{{hint || '-'}}
			</view>
		</view>
		<xy-loading v-if="loadingShowStatus"></xy-loading>
	</view>
</template>

<script>
	import {
		queryInformationDatas
	} from '../../api/enterprise_report'
	export default {
		data() {
			return {
				orderId:0,
				tabsDatas:[{name: '基本信息'}, {name: '法院信息'}, {name: '借贷评估'}, {name: '要素核查'}, {name: '运营商检验'}],
				current: 0,
				reportDatas: {
					basic: {},
					court: { breakPromise: [], executor: [] },
					loanstr: { organization: {}, business: {}, specialTime: {} },
					identity: {},
					operator: {}
				},
				organizationTime:'d7',
				businessTime:'d7',
				specialTimeTime:'d7',
				isShow:true,
				hint:'',
				loadingShowStatus: true
			}
		},
		computed: {
			// 计算属性：安全获取法院数据
			courtData() {
				return this.reportDatas.court || { breakPromise: [], executor: [] }
			},
			// 计算属性：安全获取借贷数据
			loanstrData() {
				return this.reportDatas.loanstr || { organization: {}, business: {}, specialTime: {} }
			},
			// 计算属性：安全获取基本信息
			basicData() {
				return this.reportDatas.basic || {}
			},
			// 计算属性：安全获取身份验证数据
			identityData() {
				return this.reportDatas.identity || {}
			},
			// 计算属性：安全获取运营商数据
			operatorData() {
				return this.reportDatas.operator || {}
			}
		},
		async onLoad(e) {
			try {
				if (!this.$u.test.isEmpty(e.id)) {
					this.orderId = e.id
				} else {
					this.$u.toast('请稍后查收报告')
					return
				}
				
				const res = await queryInformationDatas({
					order_id: this.orderId
				})
				
				if (res.code == 1) {
					// 安全地合并数据，确保所有必要的属性都存在
					this.reportDatas = {
						...this.reportDatas,
						...res.data,
						court: {
							breakPromise: [],
							executor: [],
							...res.data.court
						},
						loanstr: {
							organization: {},
							business: {},
							specialTime: {},
							...res.data.loanstr
						}
					}
				}else {
					this.isShow = false;
					this.hint = res.msg;
				}
			} catch (error) {
				console.error('加载报告数据失败:', error)
				this.$u.toast('加载数据失败，请重试')
			} finally {
				this.loadingShowStatus = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main-content-area {
		min-height: 100vh;
		background: #F5F5F5;
		background-image: url(https://resource.lanbaozixun.com/uploads/images/2025091616380926f5b2742.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		
		
		.hint {
			color: #002561;
			font-size: 38rpx;
		}
		
		.report-area{
			display: grid;
			gap: 20rpx;
			grid-template-columns: repeat(2, 1fr);
			
			.report-item{
				padding: 30rpx;
				color: #1D2129;
				border-radius: 10rpx;
				
				&.style-one{
					background: linear-gradient(180deg, #F0FFF4 0%, #FFFFFF 100%);
					
					.score{
						color: #0BB336;
					}
				}
				
				&.style-tow{
					background: linear-gradient(180deg, #FFF3EB 0%, #FFFFFF 100%);
					
					.score{
						color: #FE7212;
					}
				}
				
				&.style-three{
					background: linear-gradient(180deg, #FFEDED 0%, #FFFFFF 100%);
					
					.score{
						color: #F8383B;
					}
				}
				
				&.style-four{
					background: linear-gradient(180deg, #F2F6FF 0%, #FFFFFF 100%);
					
					.score{
						color: #2DAAFF;
					}
				}
				
				.hint-text{
					height: 33px;
				}
			}
		}
		
		.plate-area{
			padding: 40rpx 30rpx;
			
			&-title{
				position: relative;
				padding-left: 20rpx;
				
				&::before{
					top: 10%;
					left: 0;
					bottom: 10%;
					width: 8rpx;
					content: '';
					position: absolute;
					background: #2DAAFF;
					border-radius: 10rpx;
				}
			}
		}
		
		
		
		.strategy-info-area {
			.strategy-title {
				padding: 5rpx 25rpx 5rpx 20rpx;
				display: inline-flex;
				background-image: url(https://resource.lanbaozixun.com/uploads/images/202509162048017d5363294.png);
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}
		}
		
		.table-style{
			color: #1D2129;
			overflow: hidden;
			border-radius: 15rpx;
			
			.table-header{
				background: rgba(45, 170, 255, 0.1);
				
				.header-item{
					padding: 15rpx 0;
					font-weight: bold;
					text-align: center;
				}
			}
			
			.table-body {
				.body-item{
					padding: 15rpx 0;
					text-align: center;
					
					&.style-tow{
						background: rgba(45, 170, 255, 0.03);
					}
					
					
				}
			}
			
			.w-60 {
				padding: 0 15rpx;
				width: 60%;
			}
			
			.w-20{
				padding: 0 15rpx;
				width: 20%;
			}
			
			.w-40{
				padding: 0 15rpx;
				width: 40%;
			}
		}
		
		.status-one{
			background-image: url(https://resource.lanbaozixun.com/uploads/images/202509162108457cdb44185.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			
			.hint-text {
				color: #0BB336;
			}
		}
		
		.status-tow{
			background-image: url(https://resource.lanbaozixun.com/uploads/images/20250916210845275f90956.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			
			.hint-text {
				color: #F8383B;
			}
		}
		
		.time-area{
			overflow: auto;
			
			.time-lable{
				flex-shrink: 0;
				color: #1D2129;
				margin-right: 20rpx;
				background: #F2F2F2;
				border-color: #F2F2F2;
				
				&.select {
					color: #2DAAFF;
					background: rgba(45, 170, 255, 0.1);
					border-color: rgba(45, 170, 255, 0.1);
				}
			}
		}
		
		.text-30 {
			font-size: 30px;
		}
		
		.risk-area{
			position: relative;
			
			.icon{
				bottom: -10rpx;
				position: absolute;
			}
		}
		
		.hint-area{
			padding-top: 30vh;
			text-align: center;
			color: #1D2129;
		}
	}
</style>